<HTML>
<HEAD>
<TITLE>Waciwoci fromElement oraz toElement</TITLE>
<STYLE TYPE="text/CSS">
.direction {background-color:#00FFFF; width:100; height:50; text-align:center}
#main {background-color:#FF6666; text-align:center}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function showArrival() {
    var direction = (event.fromElement.innerText) ? event.fromElement.innerText :
    "fragmenty nieznane"
    status = "Przesunity z: " + direction
}
function showDeparture() {
    var direction = (event.toElement.innerText) ? event.toElement.innerText :
    "fragmenty nieznane"
    status = "Przesunity do: " + direction
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Waciwoci fromElement oraz toElement</H1>
<HR>
<P>Przesu wskanik myszy do centralnego prostokta i sprawd 
komunikat wywietlony na pasku stanu przegldarki. Przesu wskanik 
myszy z prostokta centralnego do ktrego z prostoktw zewntrznych 
zobacz jakie informacje zostan w tym przypadku wywietlone na pasku stanu.
</P>

<TABLE CELLSPACING=0 CELLPADDING=5>
<TR><TD></TD><TD CLASS="direction">Pnoc</TD><TD></TD></TR>
<TR><TD CLASS="direction">Zachd</TD>
<TD ID="main" onMouseOver="showArrival()" onMouseOut="showDeparture()">Tutaj!!</TD>
<TD CLASS="direction">Wschd</TD></TR>
<TR><TD></TD><TD CLASS="direction">Poudnie</TD><TD></TD></TR>
</TABLE>
</BODY>
</HTML>